<template >
  <table class="upsmore">
    <tr>
      <td v-for="items in tableData">{{items.name}}</td>
    </tr>
    <tr>
      <td v-for="items in moreleakage">{{items}}</td>
    </tr>

    <tr>
      <td v-for="items in tableData1">{{items.name}}</td>
    </tr>
    <tr>
      <td v-for="items in moreleakages">{{items}}</td>
    </tr>

    <tr>
      <td v-for="items in tableData2">{{items.name}}</td>
    </tr>
    <tr>
      <td v-for="items in moreleakagess">{{items}}</td>
    </tr>

  </table>
</template>
<script>
  export default {
    name:'upsmore',
    props:[
      "moreleakage",
      "moreleakages",
      "moreleakagess"
    ],
    data () {
      return {
        tableData:[
          {
            name:"视在功率A高16bit(W)"
          },
          {
            name:"视在功率A低16bit(W)"
          },
          {
            name:"视在功率B高16bit(W)"
          },
          {
            name:"视在功率B低16bit(W)"
          },
          {
            name:"视在功率C高16bit(W)"
          }
        ],
        tableData1:[
          {
            name:"视在功率C低16bit(W)"
          },
          {
            name:"功率因素A(%)"
          },
          {
            name:"功率因素B(%)"
          },
          {
            name:"功率因素C(%)"
          },
          {
            name:"有功计量A高16bit(W/h)"
          }
        ],
        tableData2:[
          {
            name:"有功计量A低16bit(W/h)"
          },
          {
            name:"有功计量B高16bit(W/h)"
          },
          {
            name:"有功计量B低16bit(W/h)"

          },
          {
            name:"有功计量C高16bit(W/h)"

          },
          {
            name:"有功计量C低16bit(W/h)"

          }
        ]
      }
    },
    methods: {
    }
  }
</script>
<style >
  .upsmore{
    width: 100%;
    border-top:1px solid #ebeef5;
    border-left:1px solid #ebeef5;
    border-radius: 5px;
  }
  .upsmore tr td{
    text-align: center;
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
  }
</style>

